<template>
  <section class="c-footer-wrap">
    <div class="n-back1 n-footer-link2">
      <ul class="ul">
        <li class="no-left-border">
          <a href="/" target="_blank">首页</a>
        </li>
        <li>
          <a href="/page2" target="_blank">页面2</a>
        </li>
        <li>
          <a href="/page3" target="_blank">页面3</a>
        </li>
        <li>
          <a href="/page4" target="_blank">页面4</a>
        </li>
        <li>
          <a href="/page5" target="_blank">页面5</a>
        </li>
      </ul>
    </div>
    <div class="g-width-box n-back1 n-record">
      <span>版权所有：xxxx科技有限公司 </span>
      <span class="n-record-site">电话：010-xxx © xxx www.xxx.com</span>
      <a
        href="https://beian.miit.gov.cn/"
        target="_blank"
      >京xxxxx号 京ICP备xxxxx号</a>
      <a
        class="n-record-num"
        target="_blank"
        href="//www.beian.gov.cn/portal/registerSystemInfo?recordcode=xxxxxxx"
      >公网安备 xxxxxxx号<i class="g-back" /></a>
    </div>
  </section>
</template>

<script>
export default {

}
</script>

<style lang="scss" scoped>
.c-footer-wrap{
  background: #333;
}
.ul{
  text-align: center;
}
.n-footer-link2 {
  height: 54px;
  line-height: 54px;
  text-align: center;
  border-bottom: 1px solid #282828;
  // display: none;
}
.n-footer-link2 li {
  display: inline;
  padding: 0 46px;
  border-left: 1px solid #282828;
}
.n-footer-link2 li a {
  color: #999;
}
.n-footer-link2 li a:hover {
  color: #f0f0f0;
}
.n-footer-link2 .no-left-border {
  border-left: 0;
}
.n-footer-link2 .no-right-border {
  border-right: 0;
}
.n-record {
  height: 46px;
  line-height: 46px;
  text-align: center;
  border-top: 1px solid #3b3b3b;
  color: #838383;
}
.n-record a {
  color: #838383;
}
.n-record a:hover {
  color: #f0f0f0;
}
.n-record-site {
  margin-left: 15px;
}
.n-record-num {
  margin-left: 6px;
  padding: 5px 0;
}
.n-record-num i {
  width: 18px;
  height: 20px;
  display: inline-block;
  zoom: 1;
  // background-image: url('/v1/img/sprite.png');
  margin-left: 6px;
  position: relative;
  top: 5px;
}
</style>
